<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">
		<title>支付金额</title>
		<meta name="description" content="iDea a Bootstrap-based, Responsive HTML5 Template">
		<meta name="author" content="htmlcoder.me">

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico">

		<!-- Web Fonts -->

		<!-- Bootstrap core CSS -->
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

		<!-- iDea core CSS file -->
		<link href="bootstrap/css/style.css" rel="stylesheet">

		<!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
		<link href="css/skins/green.css" rel="stylesheet">

	</head>

	<body class="front">
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<!-- header-top start -->

			<!-- header end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section>
				<div class="section ">
					<div class="container">
						<div class="row">
							<div class="col-md-12 mb-20">
								<h1 class="text-center ">在线预订</h1>
								<div class="separator "></div>
							</div>
							<div class="col-md-3 col-xs-6 mb-10 yd1_4bu"><span>1</span>
								<font>选填信息</font>
							</div>
							<div class="col-md-3 col-xs-6 mb-10 yuding_4bu"><span>2</span>
								<font>确认信息</font>
							</div>
							<div class="col-md-3 col-xs-6 yd1_4bu"><span>3</span>
								<font>支付金额</font>
							</div>
							<div class="col-md-3 col-xs-6 yd1_4bu"><span>4</span>
								<font>完成预订</font>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- main-container end -->

			<section class="main-container  ">
				<div class="container">
					<!--信息-->
					<div class="row">
						<div class="col-md-12 ">
							<p class="wenti_p">您选择的信息</p>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12 col-xs-12 x_zhuti"><small>您选择的主题是：</small>
							<font><img src="img/icon-2.png" alt="生日聚会"></font><span>生日聚会</span></div>
						<div class="col-md-12 col-xs-12 x_zhuti "><small>您选择的日期是：</small><span>4月27日星期六；4月28日星期天</span></div>

					</div>
					<!--/信息 -->

					<!--信息-->
					<div class="row">
						<div class="col-md-12 ">
							<p class="wenti_p">您填写的信息</p>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3 col-xs-12 x_zhuti"><small>您的称呼：</small><span>王先生</span></div>
						<div class="col-md-3 col-xs-12 x_zhuti"><small>您的手机号：</small><span>13312121212</span></div>
						<div class="col-md-3 col-xs-12 x_zhuti"><small>总人数：</small><span>8人</span></div>
						<div class="col-md-3 col-xs-12 x_zhuti"><small>是否需要发票：</small><span>不需要</span></div>
					</div>
					<!--/信息 -->
					<!--信息-->
					<div class="row">
						<div class="col-md-12 ">
							<p class="wenti_p">您备注的内容</p>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12 x_beizhu">
							这里是备注的内容

						</div>

					</div>

					<!--/信息 -->

					<!--<div class="row">
						<div class="col-md-12 ">
							<p class="wenti_p">选择支付方式</p>
						</div>
					</div>-->

					<div class="row">
						<!--<div class="col-md-12 x_zhifu">
							<form role="form" class="form-list">
								<div class="radio">
									<label>
												<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
												<small>微信支付</small><font><img src="img/weixin.png" alt="微信支付"/></font>
											</label>
								</div>
								<div class="radio">
									<label>
												<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
												<small>支付宝支付</small><font><img src="img/zhifubao.png" alt="支付宝支付"/></font>
											</label>
								</div>

							</form>
						</div>-->
						<div class="row">
							<div class="col-md-12 x_jine">
								<font>1234元</font><span>金额：</span> </div>
						</div>

						<div class="row">
							<div class="col-md-12 x_queren">
								<a href="#" class="btn btn-success">确认去支付</a>
								<a href="#" class="btn btn-warning">返回重写</a>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12 x_jine"><small>注：（不含发票税，如需发票还需额外支付）</small></div>
						</div>

					</div>
			</section>

			</div>
			<!-- page-wrapper end -->

	</body>

</html>